<template>
  <div>
    <div class="box">
      <h1>{{str}}</h1>
    </div>
    <div>猫咪老师的信息：</div>
    <div>姓名：{{obj.name}}</div>
    <div>年龄：{{obj.age}}</div>
  </div>
</template>


<script>
export default {
  data(){
    return{
      str:"hi",
      obj:{
        name:"猫咪老师",
        age:3
      }
    }
  }}
</script>


<style lang="less">
.box{
  width: 200px;
  height: 100px;
  background-color:green;
  h1{
    color: #333;
  }
}
</style>